<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>Examples</title>
	<meta name="description" content="">
	<meta name="keywords" content="">
	<link href="../tools/bootstrap/css/bootstrap.css" rel="stylesheet">
	<link rel="stylesheet" href="../css/common.css">
	<link rel="stylesheet" href="../css/index.css">
	<link rel="stylesheet" href="../css/preferential.css">
	<link rel="stylesheet" href="../tools/font-awesome/css/font-awesome.css">

	<script src="../scripts/jquery.js"></script>
	<script src="../tools/bootstrap/js/bootstrap.min.js"></script>
	<script src="../scripts/projectJs/index.js"></script>
	<script src="../scripts/projectJs/preferential.js"></script>

</head>
	<style>
.ky-addDishes-empty{
	float: right;
	margin-top: 0;
	margin-bottom: 0;
}
.ky-addDishes-content .checkbox-inline{
	margin:0;
}
.ky-addDishes-content .panel-heading{
	padding-top: 5px;
	padding-bottom: 5px;
}
.ky-addDishes-content .panel-title{
	font-size: 14px;
}
.addDishes-btn-bgcolor{
	background-color: #ff5500;
}
</style>
<body>
	<div class="modal fade">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-body">
					<div class="ky-addDishes-title">
						<span>添加已有菜品至该分类</span>
						<span class="radio ky-addDishes-empty">
							<label>
								<input type="radio" name="" id="" value="" >全不选</label>
						</span>
					</div>
					<hr class="ky-hr">
					<div class="ky-addDishes-content">
						<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
							<div class="panel panel-default">
								<div class="panel-heading" role="tab" id="headingOne">
									<div class="panel-title">
										<span>鱼锅类</span>
										<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne" class="pull-right"> <i class="glyphicon glyphicon-chevron-up"></i>
										</a>
									</div>
								</div>
								<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
									<div class="panel-body">
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
									</div>
								</div>
							</div>
							<div class="panel panel-default">
								<div class="panel-heading" role="tab" id="headingTwo">
									<div class="panel-title">
										<span>小料类（经典双料、秘制双料）</span>
										<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo" class="pull-right"> <i class="glyphicon glyphicon-chevron-down"></i>
										</a>
									</div>
								</div>
								<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
									<div class="panel-body">
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
									</div>
								</div>
							</div>
							<div class="panel panel-default">
								<div class="panel-heading" role="tab" id="headingThree">
									<div class="panel-title">
										<span>凉菜类</span>
										<a data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="true" aria-controls="collapseThree" class="pull-right"> <i class="glyphicon glyphicon-chevron-down"></i>
										</a>
									</div>
								</div>
								<div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
									<div class="panel-body">
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
									</div>
								</div>
							</div>
							<div class="panel panel-default">
								<div class="panel-heading" role="tab" id="headingFour">
									<div class="panel-title">
										<span>丸滑类</span>
										<a data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="true" aria-controls="collapseFour" class="pull-right"> <i class="glyphicon glyphicon-chevron-down"></i>
										</a>
									</div>
								</div>
								<div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
									<div class="panel-body">
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
									</div>
								</div>
							</div>
							<div class="panel panel-default">
								<div class="panel-heading" role="tab" id="headingFive">
									<div class="panel-title">
										<span>肉类</span>
										<a data-toggle="collapse" data-parent="#accordion" href="#collapseFive" aria-expanded="true" aria-controls="collapseFive" class="pull-right"> <i class="glyphicon glyphicon-chevron-down"></i>
										</a>
									</div>
								</div>
								<div id="collapseFive" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFive">
									<div class="panel-body">
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
									</div>
								</div>
							</div>
							<div class="panel panel-default">
								<div class="panel-heading" role="tab" id="headingSix">
									<div class="panel-title">
										<span>菌类</span>
										<a data-toggle="collapse" data-parent="#accordion" href="#collapseSix" aria-expanded="true" aria-controls="collapseSix" class="pull-right"> <i class="glyphicon glyphicon-chevron-down"></i>
										</a>
									</div>
								</div>
								<div id="collapseSix" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSix">
									<div class="panel-body">
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
									</div>
								</div>
							</div>
							<div class="panel panel-default">
								<div class="panel-heading" role="tab" id="headingSeven">
									<div class="panel-title">
										<span>根茎类</span>
										<a data-toggle="collapse" data-parent="#accordion" href="#collapseSeven" aria-expanded="true" aria-controls="collapseSeven" class="pull-right"> <i class="glyphicon glyphicon-chevron-down"></i>
										</a>
									</div>
								</div>
								<div id="collapseSeven" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSeven">
									<div class="panel-body">
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
									</div>
								</div>
							</div>
							<div class="panel panel-default">
								<div class="panel-heading" role="tab" id="headingEight">
									<div class="panel-title">
										<span>叶菜类</span>
										<a data-toggle="collapse" data-parent="#accordion" href="#collapseEight" aria-expanded="true" aria-controls="collapseEight" class="pull-right"> <i class="glyphicon glyphicon-chevron-down"></i>
										</a>
									</div>
								</div>
								<div id="collapseEight" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingEight">
									<div class="panel-body">
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
									</div>
								</div>
							</div>
							<div class="panel panel-default">
								<div class="panel-heading" role="tab" id="headingNine">
									<div class="panel-title">
										<span>饮品</span>
										<a data-toggle="collapse" data-parent="#accordion" href="#collapseNine" aria-expanded="true" aria-controls="collapseNine" class="pull-right"> <i class="glyphicon glyphicon-chevron-down"></i>
										</a>
									</div>
								</div>
								<div id="collapseNine" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingNine">
									<div class="panel-body">
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
										<label class="checkbox-inline col-xs-3">
											<input type="checkbox" id="" value="">红汤梭边鱼锅</label>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="ky-addDishes-footer">
						<div class="btn-operate">
							<button class="btn btn-cancel in-btn135">取消</button>
							<div  class="btn-division"></div>
							<button class="btn btn-save in-btn135 addDishes-btn-bgcolor" id="store-select-confirm">确认</button>
						</div>
					</div>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>
	<!-- /.modal -->
	<script>
	 $(document).ready(function(){
	 	$('.modal').modal('show');
	 	$('.glyphicon').click(function(){
	 		if($(this).hasClass('glyphicon-chevron-up')){
	 			$(this).removeClass('glyphicon-chevron-up').addClass('glyphicon-chevron-down');
	 		}else{
	 			$(this).removeClass('glyphicon-chevron-down').addClass('glyphicon-chevron-up');
	 		}
	 	});
	 });
	</script>
</body>
</html>